<template>
  <div class="notFound">
    <router-view></router-view>
    <img src="@/assets/css/images/403.gif" alt="" class="notFoundImg" />
    <br />
    <b style="font-size:18px">无 权 访 问</b>
    <p>{{ time }}秒后自动跳转回主页。。。。</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      time: 5,
    };
  },
  mounted() {
    this.gettime(),
    this.go();
  },
  methods: {
    gettime() {
      let clock =  window.setInterval(() =>{
          this.time--
      },1000)
    },
    go() {
      setTimeout(() => {
        this.$router.push('/system')
      }, 5000);
    },
  },
};
</script>

<style lang="less" scoped>
.notFound {
  margin-top: 13%;
  text-align: center;
}
.notFoundImg {
  width: 30% !important;
  height: 30% !important;
}
</style>
